<template>
    <div id="app">
        <loading v-show="LOADING"></loading>
        <router-view/>
    </div>
</template>

<script>
    import {mapState} from 'vuex'
    // import './api.js'
    import Loading from './components/loading.vue'
    export default {
        name: 'App',
        data() {
            return {};
        },
        computed:{
            ...mapState([
                'LOADING'
            ])
        },
        components: {
            Loading
        },
        methods: {},
        created() {
        }
    };
</script>
<style lang="less">
    * {
        margin: 0;
        padding: 0;
    }
    #app {
        font-family: Helvetica, sans-serif;
        height: 100%;
    }
    body {
        width: 100%;
        height: auto;
        overflow-x: hidden;
        font-size: 0.14rem;
        /*background-color: rgba(119,136,175,0.2);*/
        font-family: PingFangSC-Regular, "PingFang SC", "Microsoft YaHei", "Songti SC", Tahoma, Arial, sans-serif;
    }

    body input {
        font-family: PingFangSC-Regular, "PingFang SC", "Microsoft YaHei", "Songti SC", Tahoma, Arial, sans-serif;
    }

    ::-webkit-scrollbar {
        width: 0px;
    }

    .common_header {
        /*padding: 0.2rem 0;*/
        box-sizing: border-box;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        background: #fff;
        z-index: 100;
        .header-title {
            font-size: 0.28rem;
            font-weight: 600;
            color: rgba(40, 44, 52, 1);
            padding: 0.24rem 0 0rem 0.16rem;
        }
        .header-img {
            padding: 0.34rem 0 0 0.19rem;
        }
        img {
            width: auto;
            height: 0.18rem;
        }
    }
</style>
